<template>
  <div class='CustomSelect'>
    <el-select
        v-bind="attrs"
        v-model="showValue"
        filterable
        :loading="loading"
    >
      <el-option :key="item.value" v-for="(item,index) in options" :label="item.label"
                 :value="item.value">
        {{ item.label }}
      </el-option>
    </el-select>
  </div>
</template>
<script setup lang='ts' name="CustomSelect">
import {
  CustomSelectProps,
  CustomSelectEmits,
  CustomSelectMixin,
} from '@/components/EbComponent/Selector/CustomSelect/CustomSelectMixin'
const props = defineProps({
  ...CustomSelectProps(),
  options: {
    type: Array,
    default: () => []
  }
})
const emit = defineEmits([...CustomSelectEmits()])
const {loading, options, showValue, attrs} = CustomSelectMixin(
    props, {
      emit
    });
</script>
<style scoped lang='scss'>
.CustomSelect {
}
</style>
